<%@ include file="/WEB-INF/views/commons/header.jsp" %>
<%@ include file="/WEB-INF/views/commons/menu.jsp" %>
<!-- START BODY -->
<link href="<pc:GetUrlUriTags value="/resources/css/search/search.css" />" media="screen" rel="stylesheet" type="text/css" />
<table class="topSubject" width="100%" border="0">  
  <tr>
    <td height="30px"  width="34px">
    	<img alt="" src="<pc:GetUrlUriTags value="/resources/image/icons/png_apps/32x32/cloud-1.png" />" style="text-decoration: none; border-width: 0px;">
    </td>
    <td height="30px" align="left">
    	<div>
			<strong><a href="<pc:GetUrlUriTags value="/queue/pending/list/index" />" class="topSubjectText">
			&nbsp;Processing Queue (Transaction Processed)
			</a></strong>
		</div>
    </td>
  </tr>
</table>

<link href="<pc:GetUrlUriTags value="/resources/kendoui.web.2013.2.716/content/shared/styles/examples-offline.css" />" rel="stylesheet" />
<link href="<pc:GetUrlUriTags value="/resources/kendoui.web.2013.2.716/styles/kendo.common.css" />" rel="stylesheet" />
<link href="<pc:GetUrlUriTags value="/resources/kendoui.web.2013.2.716/styles/kendo.default.css" />" rel="stylesheet" />
<script src="<pc:GetUrlUriTags value="/resources/kendoui.web.2013.2.716/js/jquery.min.js" />" ></script>
<script src="<pc:GetUrlUriTags value="/resources/kendoui.web.2013.2.716/js/kendo.web.js" />" ></script>
<script src="<pc:GetUrlUriTags value="/resources/kendoui.web.2013.2.716/content/shared/js/console.js" />" ></script>
	<div id="example" class="k-content">
            <div id="grid"></div>
            
            <script>
				
				$(document).ready(function() {
					fnSearch();
					//alert("already !!!");			 	
                });
                				
            	function fnSearch(){
                	
                	var dataSource_p = getDataSource();
					GridBuilding(dataSource_p);
					adjuestScreen();		
                }

                function getDataSource() {				
					var url_p = "<pc:GetUrlUriTags value='/queue/pending/list/search/json' />";
                	var  dataSource = new kendo.data.DataSource({
                         type: "json",
                         transport: {
                         	read: {
                             		url : url_p,
                             		dataType: "json"
                            }
                         },
                         schema: {
                             model: {
                                 fields: {
                                	 pkId: { type: "string" },
                                	 processCode: { type: "string" },
                                	 processDesc: { type: "string" },
                                	 processModule: { type: "string" },
                                	 processingName: { type: "string" },
                                	 processPath: { type: "string" },
                                	 processAction: { type: "string" },
                                	 queueSequence: { type: "string" },
                                	 processingCount: { type: "string" },
                                	 processLevel: { type: "string" },
                                	 isActive: { type: "string" },
                                	 isProcessing: { type: "string" },
                                	 procCreatedby: { type: "string" },
                                	 procCreatedonToString: { type: "string" },
                                	 procUpdatedby: { type: "string" },
                                	 procUpdatedonToString: { type: "string" }
                                 }
                             }
                         },
                         pageSize: 200,
                         serverPaging: false,
                         serverFiltering: false,
                         serverSorting: false                         
                     });
					 return dataSource;
                }
				
				function GridBuilding(dataSource_p){
					$("#grid").kendoGrid({
                        dataSource: dataSource_p,
                        height: 430,                        
                        scrollable: true,
                        sortable: true,
                        filterable: true,
                        reorderable: true,
                        resizable: true,
                        pageable: {
                        	refresh: true,
                            input: true,
                            numeric: false
                        },
                        columns: [
									{ field:"pkId" , width: 200, filterable: true },
									{ field:"processCode" , width: 200, filterable: true },
									{ field:"processDesc" , width: 200, filterable: true },
									{ field:"processModule" , width: 200, filterable: true },
									{ field:"processingName" , width: 200, filterable: true },
									{ field:"processPath" , width: 200, filterable: true },
									{ field:"processAction" , width: 200, filterable: true },
									{ field:"queueSequence" , width: 200, filterable: true },
									{ field:"processingCount" , width: 200, filterable: true },
									{ field:"processLevel" , width: 200, filterable: true },
									{ field:"isActive" , width: 200, filterable: true },
									{ field:"isProcessing" , width: 200, filterable: true },
									{ field:"procCreatedby" , width: 200, filterable: true },
									{ field:"procCreatedonToString" , width: 200, filterable: true },
									{ field:"procUpdatedby" , width: 200, filterable: true },
									{ field:"procUpdatedonToString" , width: 200, filterable: true }
                        ]
                    });
				}                
            </script>
        </div>

</div>

<!-- END BODY -->
<%@ include file="/WEB-INF/views/commons/footer_backlogs.jsp" %>